

    <script type="text/javascript">
    var tampil=false;
        $(function() {
        	$( "#tabs_dash" ).tabs();
        });

		$(document).ready(main);

		function main()

		{

            $("#float").makeFloat({x:900,y:150});
            readUsersLogoff();
            readUsersLogin();

            
            
            
		}
        
        
        
function readUsersLogin() {

        $.ajax({
        url:"<?=base_url()?>index.php/dashboard/get_user_login/1",
        dataType: 'json',
        success: function( response ) {
			

            $( '.editedRecords_on > tbody' ).html( '' );
            
            //append new rows
            $( '.readTemplate_on' ).render( response ).appendTo( ".editedRecords_on > tbody" );
            
            //apply dataTable to #records table and save its object in dataTable variable
          
                dataTable_on = $( '.editedRecords_on' ).dataTable({
					"bJQueryUI": true,
				});
			
            
			//alert(response);

        }
    });
	
}// end readUsers


function readUsersLogoff() {

    
    $.ajax({
        url:"<?=base_url()?>index.php/dashboard/get_user_login/0",
        dataType: 'json',
        success: function( response ) {

            //clear old rows
            $( '.editedRecords_off > tbody' ).html( '' );
            
            //append new rows
            $( '.readTemplate_off' ).render( response ).appendTo( ".editedRecords_off > tbody" );
            
            //apply dataTable to #records table and save its object in dataTable variable

                dataTable_off = $( '.editedRecords_off' ).dataTable({
					"bJQueryUI": true,

				});
			
			//alert(response);

        }
    });
	
}// end readUsers        
        
        
        function keluar(){
            $("#float").fadeOut();
            $("#li").show();
        }		
        function tampildashboard(){
            $("#float").fadeIn();
            $("#li").hide();
        }


</script>
    
<script type="text/template" id="readTemplate_on" class="readTemplate_on">
        <tr id="${user_id}">
                <td width="100px">${user_id}</td>
				<td width="300px">${user_name}</td>
                
        </tr>
</script>    
<script type="text/template" id="readTemplate_off" class="readTemplate_off">
        <tr id="${user_id}">
                <td width="100px">${user_id}</td>
				<td width="300px">${user_name}</td>
                
        </tr>
</script>    


<!-------floating layer------->

<div class="float" id="float" style="background-color:silver;float: right;display: none;">

        <p style="text-align: right;font-size: medium;">
        <b><a onclick="keluar()">close</a></b>
        </p>
        
        <br/>
        
        <div style="font-size:12px; width:98%" id="tabs_dash">
		<ul>
			<li><a href="#tabs_dash-1">Online</a></li>
			<li><a href="#tabs_dash-2">Offline</a></li>
		</ul>
        <div id="tabs_dash-1">
            <table id="editedRecords" class="editedRecords_on">
            <thead>
            <tr>
                <th style="width: 100px;">user id</th>
                <th style="width: 300px;">user name</th>
            </tr>
            </thead>
            <tbody></tbody>
            </table>

        </div>
        <div id="tabs_dash-2">
            <table id="editedRecords" class="editedRecords_off">
            <thead>
            <tr>
                <th style="width: 100px;">user id</th>
                <th style="width: 300px;">user name</th>
            </tr>
            </thead>
            <tbody></tbody>
            </table>
        </div>  

        
        
 </div>       
        
          	
</div>

<!--end floating layer-->  


<div class="box">
    <p>
        Sites Management System (SMS), merupakan suatu aplikasi untuk Management Network, berfungsi untuk Site Information, Quarantine Sites, ISR e-Validation, tracking the Preventive Maintenance job, data feeder, reporting, dashboard, GIS map function and data integration from various sources. SMS dilengkapi dengan Mobile Application yang dilengkapi dengan alat pelacak posisi geografis pengguna.
        <br/>
        <img src="<?=base_url()?>file/images/prod.png"/>
    </p>
</div>
<script language="javascript">
tampildashboard();
</script>